@import '../../assets/css/mixin.scss';

.profile-link{
  background-color: #3190e8;
  padding: 0.3125rem 0.28125rem;
  @include flex(left,center)
  color: #ffffff;
}
.profile-link img{
  display: inline-block;
  width: 1.1718rem;
  height: 1.1718rem;
  border-radius: 50%;
  vertical-align: middle;
}
.user-info{
  margin-left: .2rem;
  flex-grow: 1;
}
.user-info p:first-child{
  font-size: 0.37rem;
  font-weight: 700;
}
.user-info p:last-child{
  font-size: 0.28rem;
}
.info-data{
  display: flex;
  background-color: #ffffff;
  text-align: center;
}
.info-data-link{
  width: 33.33%;
  border-right: 1px solid #f1f1f1;
}
.info-data-link:last-child{
  border-right: none;
}
.info-data-top{
  font-size: 0.24rem;
  padding: 0.3rem 0 0.2rem;
  color: #666666;
}
.info-data-top b{
  font-size: 0.57rem;
  font-weight: 600;
}
.info-data-top1 b{
   color: #f90;
 }
.info-data-top2 b{
  color: #ff5f3e;
}
.info-data-top3 b{
  color: #6ac20b;
}
.info-data-bottom{
  font-size: 0.27rem;
  padding-bottom: 0.2rem;
  color: #666666;
}
.profile-list{
  margin-top: 0.2rem;
  background-color: #ffffff;
}
.profile-list-item{
  width: 100%;
  @include flex(flex-start,center);
  padding-left: 0.7rem;
}
.profile-list-item aside{
  font-size: 0.32rem;
  margin-left: -0.32rem;
  margin-right: 0.1rem;
}
.item-div{
  @include flex(space-between,center);
  width: 100%;
  padding: 0.2rem 0.1rem 0.2rem 0;
  border-bottom: 1px solid #f1f1f1;
  color: #333333;
}